//根据选择的tab选项进行相应内容的隐藏、显示、清空等
$('#myTab a[data-toggle="tab"]').on('show.bs.tab', function (e) {
	var currentTabHref = $(e.target).context.hash;
	if(currentTabHref == '#decode') {//解析二维码
		$('#get-qrcode-btn').addClass('hidden');
		$('#qrcode_result').addClass('hidden');
		
		$('#qrcode-result').attr('src','/static/admin/images/default/demo.png');
		
		$('#decode-qrcode-btn').removeClass('hidden');
		$('#decode_result').removeClass('hidden');
	} else {//生成二维码
		$('#decode-qrcode-btn').addClass('hidden');
		$('#decode_result').addClass('hidden');
		
		$('#decode-result-detail').val('')
		$('.ace-file-input').find('a[class="remove"]').trigger('click');//清除文件上传框中的内容
		
		$('#get-qrcode-btn').removeClass('hidden');
		$('#qrcode_result').removeClass('hidden');
	}
})

// 点击生成二维码
$('#get-qrcode-btn').on('click', function(e){
	//判断当前是执行的哪种操作
	var li = $('#myTab li');
	var href = '';//tab的href
    li.each(function(){
    	if($(this).hasClass('active')){
    		href = $(this).children('a').attr('href');
    	}
    })
    //获取当前打开的tab对应的textarea中输入的内容
    var content = $(href).find('textarea[class="form-control"]').val();
	if(content.trim() == ''){
		gritterError(info.empty_input);
		return;
	}
	if(href == '#url'){
		if(!(content.indexOf('http://') == 0 || content.indexOf('https://') == 0)){
			gritterError('请输入正确的网址');
			return;
		}
	}
	$.ajax({
		url: '/admin/tools/qrcode/textToQrcode',
		data:{'content': content},
		type: 'POST',
		dataType: 'JSON',
		success: function(obj){
			$('#qrcode-result').attr('src', obj.data);
		}
	});
});

//图片下载
function downloadImg(){
	// 通过选择器获取img元素
    var img = document.querySelector('#qrcode-result');
    // 将图片的src属性作为URL地址
    var url = img.src;
    if(url.indexOf('demo.png') != -1){
    	gritterError('暂无可下载二维码');
    	return;
    }
    var a = document.createElement('a');
    var event = new MouseEvent('click');
    a.download = '二维码';
    a.href = url;
    a.dispatchEvent(event);
}

//文件上传窗口配置
$('#input-qrcode').ace_file_input({
	style: 'well',
	btn_choose: '点击或将二维码图片拖动到此处',
	btn_change: null,
	no_icon: 'ace-icon fa fa-picture-o',
	droppable: true,
	thumbnail: 'large',//large | fit | small
	allowExt: ["jpeg", "jpg", "png", "gif" , "bmp"],
	allowMime: ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"],
	preview_error : function(filename, error_code) {

	}
}).on('change', function(){
	//console.log($(this).data('ace_input_files'));
	//console.log($(this).data('ace_input_method'));
});

//上传二维码图片并解析内容
$('#decode-qrcode-btn').on('click', function(){
	var formData = new FormData();
	var file = document.getElementById('input-qrcode').files[0];
	if(!file){
		gritterError('请选择要解析的图片');
		return;
	}
	formData.append('file', file);
	$.ajax({
		url: '/admin/tools/qrcode/decode',
		data: formData,
		method: 'post',
		dataType: 'json',
		async: false,
		contentType:false,
		processData:false,
		success: function(obj){
			if(obj.status == 200){
				$('#decode-result-detail').val(obj.data);
			}else{
				gritterError(obj.msg);
			}
		},
		error: function(obj){
			gritterError('您无权操作此项');
		}
	});
})